<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<h:form id="idDatosPersonalesAdmin">
		<p:growl id="mensajero" autoUpdate="true" life="2000" />

		

		<div class="div_formulario">

			<p:panelGrid id="gridFormDatosPersonales" layout="grid"
				styleClass="ui-panelgrid">
				<p:row>
					<p:column style="text-align:center;" colspan="4">
					<h3>
					<p:outputLabel value="#{rbSirenasUI['sirenas.ui.entidad.form_datos.personales.titulo']}" />
					</h3>
					</p:column>
								
				</p:row>
				<p:row>
					<p:column>
						<p:outputLabel for="numRuc"
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.ruc.label']}" />
					</p:column>
					<p:column>
						<p:inputText size="15" maxlength="11" id="numRuc"
							value="#{registroDatosPersonalesBean.registro.numRuc}">
						</p:inputText>
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.tipodocumento.label']}" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="tipoDocumento"
							value="#{registroDatosPersonalesBean.registro.indTipoDocumento}">
							<f:selectItems
								value="#{repositorioDatos.listaTipoDocumentoIdentidad}" />
						</p:selectOneMenu>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.numdocumento.label']}" />
					</p:column>
					<p:column>
						<p:inputText size="15" id="numDocumento"
							value="#{registroDatosPersonalesBean.registro.numDocumento}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.apepaterno.label']}" />
					</p:column>
					<p:column>
						<p:inputText size="15" id="apePaterno"
							value="#{registroDatosPersonalesBean.registro.apPaterno}" />
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.apematerno.label']}" />
					</p:column>
					<p:column>
						<p:inputText size="15" id="apeMaterno"
							value="#{registroDatosPersonalesBean.registro.apMaterno}" />
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.nombres.label']}" />
					</p:column>
					<p:column colspan="3">
						<p:inputText size="15" id="nombres"
							value="#{registroDatosPersonalesBean.registro.nombres}" />
					</p:column>

				</p:row>
				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.genero.label']}" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="cmbGenero"
							value="#{registroDatosPersonalesBean.registro.indGenero}"
							style="width:150px;font-size: 13px;">
							<f:selectItems value="#{repositorioDatos.listaGenero}" />
						</p:selectOneMenu>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.persona.fecnacimiento.label']}" />
					</p:column>
					<p:column>
						<p:calendar size="15" id="fecNacimiento"
							value="#{registroDatosPersonalesBean.registro.fecNacimiento}"
							locale="es" navigator="true" pattern="dd/MM/yyyy" />
					</p:column>
				</p:row>



				<!-- 	Comunicacion 1 -->
				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.correo.label']}" />
					</p:column>
					<p:column>
						<p:inputText size="15" id="correoElectronico01"
							value="#{registroDatosPersonalesBean.comunicaciones.descripcionDetalle}">
							<f:validateRegex
								pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
						</p:inputText>

					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.telefono.label']}" />
					</p:column>
					<p:column>
						<p:inputText size="15" id="telefono01"
							value="#{registroDatosPersonalesBean.comunicaciones2.descripcionDetalle}" />
					</p:column>
				</p:row>
				<!-- FIN	Comunicacion 1 -->

				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.espublico_correo.label']}" />
					</p:column>
					<p:column>
						<p:selectBooleanCheckbox id="correoElectronicoIndicador01"
							value="#{registroDatosPersonalesBean.comunicaciones.indPublico}" />
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.espublico_telefono.label']}" />
					</p:column>
					<p:column>
						<p:selectBooleanCheckbox id="telefonoIndicador01"
							value="#{registroDatosPersonalesBean.comunicaciones2.indPublico}" />
					</p:column>
				</p:row>


				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.correo2.label']}" />
					</p:column>
					<p:column>
						<p:inputText size="15" id="correoElectronico02"
							value="#{registroDatosPersonalesBean.comunicaciones3.descripcionDetalle}" >
							<f:validateRegex
								pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
							</p:inputText>
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.telefono2.label']}" />
					</p:column>
					<p:column styleClass="celda">
						<p:inputText size="15" id="telefono02"   value="#{registroDatosPersonalesBean.comunicaciones4.descripcionDetalle}"
							onkeyup="$(this).val($(this).val().replace(/[^0-9#*()]/g, ''));">
							<f:validateLength minimum="5" />
						</p:inputText>
						<p:message for="telefono" display="icon"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.espublico_correo.dos.label']}" />
					</p:column>
					<p:column>
						<p:selectBooleanCheckbox id="correoElectronicoIndicador02"
							value="#{registroDatosPersonalesBean.comunicaciones3.indPublico}"
							required="false" />
					</p:column>
					<p:column>
						<p:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.comunicacion.espublico_telefono.dos.label']}" />
					</p:column>
					<p:column>
						<p:selectBooleanCheckbox id="telefonoIndicador02"
							value="#{registroDatosPersonalesBean.comunicaciones4.indPublico}"
							required="false" />
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center;" colspan="4">

						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.rectificar.label']}"
							styleClass="ui-icon-disk" update="@form"
							actionListener="#{registroDatosPersonalesBean.abrirConfirmacionPopup}"
							icon="ui-icon-disk" />
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.verrectificaciones.label']}"
							styleClass="ui-icon-disk" update="@form"
							actionListener="#{registroDatosPersonalesBean.obtenerRectificacionesPersona}"
							icon="ui-icon-disk" />
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.verrectificaciones_comunicaciones.label']}"
							styleClass="ui-icon-disk" update="@form"
							actionListener="#{registroDatosPersonalesBean.obtenerRectificacionesComunicacion}"
							icon="ui-icon-disk" />



					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center;" colspan="4">
						<p:dialog id="dialogHistoricoPersona"
							widgetVar="dialogHistoricoPersona" header="Datos Personales"
							closable="true">

							<ui:include src="popupHistoricoPersona.xhtml" />

						</p:dialog>
					</p:column>
				</p:row>

				<p:row>
					<p:column style="text-align:center;" colspan="4">
						<p:dialog id="dialogHistoricoComunicacion"
							widgetVar="dialogHistoricoComunicacion"
							header="Historial de Comunicaciones" closable="true">

							<ui:include src="popupHistoricoComunicaciones.xhtml" />

						</p:dialog>
					</p:column>
				</p:row>

				<!--  ===  ZONA DE CONFIRMACION  ===   -->

			</p:panelGrid>
		</div>

	</h:form>

	<p:dialog id="dialogConfirmacionAdmin" widgetVar="dialogoConfirmacion"
		appendTo="@(body)" modal="true" resizable="false" showEffect="puff"
		hideEffect="explode" closable="false"
		header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.accion.header']}">
		<h:form>
			<p:panelGrid>
				<p:row>
					<p:column colspan="2" style="heigth:20px">
						<h4>
							<p:outputLabel
								value="#{rbSirenasUI['sirenas.ui.mensajes.sistema.confirmacion.rectificacion.pregunta']}" />
						</h4>
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.no']}"
							onclick="PF('dialogoConfirmacion').hide();" type="button"
							icon="ui-icon-close" />
					</p:column>
					<p:column style="text-align:center">
						<p:commandButton id="btnVerRectificacion"
							value="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.si']}"
							actionListener="#{registroDatosPersonalesBean.validarModificacion}"
							icon="ui-icon-check" />
					</p:column>
				</p:row>
			</p:panelGrid>
		</h:form>
	</p:dialog>
	<p:dialog id="dialogTramite" widgetVar="dialogoTramite"
		showEffect="fade" hideEffect="explode" appendTo="@(body)" modal="true"
		header="#{rbSirenasUI['sirenas.ui.mensajes.confirmacion.tramite.header']}">
		<h:form id="idDatosPersonalesTramiteAdmin">
			<p:panelGrid>
				<p:row>
					<p:column colspan="2" style="text-align:center">
						<h:outputLabel styleClass="label"
							value="#{rbSirenasUI['sirenas.ui.mensajes.solicitud.tramite']}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel
							value="#{rbSirenasUI['sirenas.ui.entidad.general.numero.tramite.label']}" />
					</p:column>
					<p:column>
						<h:inputText value="#{registroDatosPersonalesBean.codTramite}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column style="text-align:center" colspan="2">
						<p:commandButton
							value="#{rbSirenasUI['sirenas.ui.general.boton.cancelar.label']}"
							onclick="PF('dialogoTramite').hide();" icon="ui-icon-close" />

						<p:commandButton id="btnVerRectificacion"
							value="#{rbSirenasUI['sirenas.ui.general.boton.aceptar.label']}"
							actionListener="#{registroDatosPersonalesBean.actualizarDatosPersonales}"
							icon="ui-icon-check" />
					</p:column>
				</p:row>
			</p:panelGrid>
		</h:form>
	</p:dialog>

<p:dialog id="dialogHistoricoPersona"
		widgetVar="dialogHistoricoPersona" header="Datos Personales"
		closable="true">

		<ui:include src="popupHistoricoPersona.xhtml" />

	</p:dialog> 


</ui:composition>
